<template lang="html">
    <div class="box">
        <topLogin :isIndex="false"></topLogin>
        <topNav :isActive="4"></topNav>
        <div class="wid-1200 min-height">
            <div class="page-type">
                当前位置 > 景区活动
            </div>
            <!-- 景区餐饮 -->
            <div class="food-box">
                <div class="title">
                    <b>景区餐饮</b>
                    <router-link :to="{path:'/interactive/list',query:{type:0}}">+MORE</router-link>
                </div>
                <ImageText :ImageText="foodItems"></ImageText>
            </div>
            <!-- 服务 -->
            <div class="service-box">
                <div class="title">
                    <b>服务</b>
                </div>
                <ServiceList :ServiceList="serviceItems" :Type="4"></ServiceList>
            </div>
            <!-- 公告 -->
            <div class="announcement-box">
                <div class="title">
                    <b>公告</b>
                    <router-link :to="{path:'/interactive/list',query:{type:5}}">+MORE</router-link>
                </div>
                <NoticeList :NoticeList="announcementList"></NoticeList>
            </div>
        </div>
        <footNav></footNav>
    </div>
</template>

<script>
    import topNav from "@/components/topNav/index";
    import footNav from "@/components/footNav/index";
    import topLogin from "@/components/topLogin/index";
    import ImageText from "@/components/imageText/index";
    import ServiceList from "@/components/serviceList/index"
    import NoticeList from "@/components/noticeList/index"
    // 临时图片
    import foodImgSrc from '../../assets/temporary/food.jpg'
    //iview
    export default {
        components: {
            topNav,
            footNav,
            topLogin,
            ImageText,
            ServiceList,
            NoticeList,
        },
        data() {
            return {
                foodItems: [
                    {src:foodImgSrc, title: '十足全虫', content: '云台山的十足全虫，因为比别的蝎子多一对爪而成为名贵药膳。'},
                    {src:foodImgSrc, title: '十足全虫', content: '云台山的十足全虫，因为比别的蝎子多一对爪而成为名贵药膳。'},
                    {src:foodImgSrc, title: '十足全虫', content: '云台山的十足全虫，因为比别的蝎子多一对爪而成为名贵药膳。'},
                    {src:foodImgSrc, title: '十足全虫', content: '云台山的十足全虫，因为比别的蝎子多一对爪而成为名贵药膳。'},
                ],//景区餐饮
                serviceItems: [
                    {
                        typeTitle: '问询接待服务',
                        type: [
                            {
                                title: '票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            }
                        ]
                    },
                    {
                        typeTitle: '一般公共服务',
                        type: [
                            {
                                title: '一般票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '一般票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '一般票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '一般票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            }
                        ]
                    },
                    {
                        typeTitle: '医疗急救服务',
                        type: [
                            {
                                title: '医疗票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '医疗票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '医疗票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            },
                            {
                                title: '医疗票务服务',
                                content: '目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区做好境外返京人员的集中观察...'
                            }
                        ]
                    },
                ],//景区餐饮
                announcementList:[
                    {years:2020,date:'02-13', reading:524,title:'温榆河公园起步区建设2019年完成',content:'目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区..好境外返京人员的集中观察...'},
                    {years:2020,date:'02-13', reading:524,title:'温榆河公园起步区建设2019年完成',content:'目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区..好境外返京人员的集中观察...'},
                    {years:2020,date:'02-13', reading:524,title:'温榆河公园起步区建设2019年完成',content:'目前，境外疫情快速蔓延带来的输入性风险持续增加，外防输入形势严峻复杂。根据全市统一安排，怀柔区积极与东城区对接，全力配合东城区..好境外返京人员的集中观察...'}

                ]
            }
        },
        methods: {}
    }
</script>

<style lang="scss" scoped>
    @import "@/assets/css/basis";
    @import "@/assets/css/pageType";

    .title {
        position: relative;
        padding: 50px 0 30px;
        text-align: center;

        b {
            font-size: 20px;
            color: #7A512C;
        }

        a {
            position: absolute;
            right: 0;
            bottom: 30px;
            font-size: 12px;
            color: #333;
        }
    }

   

   
    

</style>
